.rally-journal-wrapper.custom-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}

.rally-journal-wrapper.default {
  background-image: url("data:image/svg+xml,%3Csvg id='patternId' width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='120' height='120.1' patternTransform='scale(1) rotate(45)'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='hsla(202, 100%25, 58%25, 1)'/%3E%3Cpath d='M79.6-6.4v24.8H62.7V2.3h7.4v11h4.3V-1.9H58.5v24.6h25.4V-6.4H89v29.1h25.4V-1.9H98.5v16.1h4.2V2.3h7.4v16.1H93.2V-6.4zm-41.7 76v4.2H54V57.9H29.5v25.3h29.2v5.1H29.5v25.3H54V97.7H38.8v4.2h11v7.4H33.7V92.4h25v21.2h21v24.8l-17-15.9h11.6v-4.2H58.4v4.2l21.1 20.3h4.2v-29h5.1v29H93l21.1-20.3v-4.2H98.2v4.2h11.6l-16.9 16.1v-24.8h21.4V92.6h24.6l-16.1 16.9V97.9h-4.2v15.9h4.2l20.3-21.1v-4.2h-28.8v-5.1h28.8v-4.2l-20.3-21.1h-4.2V74h4.2V62.4l16.1 16.9h-24.6V58.1H92.9V33.3h16.9v16.1h-7.4V37.5h-4.2v16.1h15.9V29.1H88.8v29h-5.1v-29H58.5v24.5h15.9V38.4h-4.2v11h-7.4V33.3h16.9v24.8h-21v21.2h-25V62.4h16.1v7.4H37.9zm25-7.4h47.4v47.4H62.9zM0 52.5h52.5V0H0zM4 3.9h44.6v44.6H4zm-9.5 88.8h24.6v16.9H3v-7.4h11v-4.3H-1.2v15.9h24.5V88.4H-5.5v-5.1h28.8V57.9H-1.2v15.9h16.1v-4.2H3v-7.4h16.1v16.9H-5.5zm39.1-72h14.6L40.9 13zm-14.6 0h14.6L26.3 13zm-14.6 0H19L11.7 13zM4.1 8.6h44.7v3.3H4.1zm29.5 28.8h14.6l-7.3-7.6zm-14.6 0h14.6l-7.3-7.6zm-14.6 0H19l-7.3-7.6zm-.3 3.1h44.7v3.3H4.1zm0-15.1h44.7v3.3H4.1zm82.6 55.5a5.8 5.8 0 105.8 5.8c-.1-3.2-2.7-5.8-5.8-5.8zm0 15.9c-5.6 0-10.2-4.6-10.2-10.2s4.6-10.2 10.2-10.2S96.9 81 96.9 86.6c0 5.7-4.6 10.2-10.2 10.2zm-13.8 3.6h27.5V72.9H72.9zm31.9 4.4H68.5V68.5h36.3z' stroke-width='1' stroke='none' fill='hsla(0, 0%25, 100%25, 1)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='800%25' height='800%25' transform='translate(0,0)' fill='url(%23a)'/%3E%3C/svg%3E");
  background-color: #fff6bf;
}

.rally-journal-wrapper.dynamic {
  background-image: url("data:image/svg+xml,%3Csvg id='patternId' width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='65' height='65' patternTransform='scale(1) rotate(45)'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='hsla(0,0%25,100%25,1)'/%3E%3Cpath d='M.5.5v12h12V.5H.5zm13 13v12h12v-12h-12zm-13 13v12h12v-12H.5zm26 13v12h12v-12h-12zm13 13v12h12v-12h-12z' stroke-width='1' stroke='none' fill='hsla(202, 100%25, 58%25, 1)'/%3E%3Cpath d='M26.5.5v12h12V.5h-12zm0 13v12h12v-12h-12zm13 13v12h12v-12h-12zm-39 13v12h12v-12H.5zm0 13v12h12v-12H.5z' stroke-width='1' stroke='none' fill='hsla(1, 82%25, 65%25, 1)'/%3E%3Cpath d='M13.5.5v12h12V.5h-12zm39 13v12h12v-12h-12zm-39 13v12h12v-12h-12zm39 0v12h12v-12h-12zm-26 26v12h12v-12h-12z' stroke-width='1' stroke='none' fill='hsla(105, 59%25, 58%25, 1)'/%3E%3Cpath d='M52.5.5v12h12V.5h-12zm-13 13v12h12v-12h-12zm0 26v12h12v-12h-12zm13 0v12h12v-12h-12zm-39 13v12h12v-12h-12z' stroke-width='1' stroke='none' fill='hsla(47,80.9%25,61%25,1)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='800%25' height='800%25' transform='translate(0,0)' fill='url(%23a)'/%3E%3C/svg%3E");
  background-color: #fff6bf;
}

.rally-journal-wrapper .journal-stamp-col {
  padding: 0;
}
.rally-journal-wrapper.default .journal-stamp-col,
.rally-journal-wrapper.dynamic .journal-stamp-col {
  padding: 1rem;
}
@media (max-width: 767px) {
  .rally-journal-wrapper.default .journal-stamp-col,
  .rally-journal-wrapper.dynamic .journal-stamp-col {
    padding: 0.25rem;
  }
}

.stamp-box {
  position: relative;
}
.rally-journal-wrapper.default .stamp-box,
.rally-journal-wrapper.dynamic .stamp-box,
.stamp-box.inactive {
  padding: 0.5rem;
}
.rally-journal-wrapper.default .stamp-box {
  background-color: #fff;
  border: 2px dashed #ced4da;
  border-radius: 0.25rem;
}

.stamp-box:not(.activated) .stamp-badge-wrapper {
  aspect-ratio: 1;
}
.stamp-box.inactive {
  background-color: #fff;
  border: 2px dashed #ced4da;
  border-radius: 0.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-128 -128 768 768'%3E%3Ccircle r='376' cx='256' cy='256' fill='none' stroke='%23aaa' stroke-width='8'%3E%3C/circle%3E%3Cpath fill='%23ededed' d='M32 512h448v-64H32v64zm384-256h-66.56c-16.26 0-29.44-13.18-29.44-29.44v-9.46c0-27.37 8.88-53.41 21.46-77.72 9.11-17.61 12.9-38.39 9.05-60.42-6.77-38.78-38.47-70.7-77.26-77.45C212.62-9.04 160 37.33 160 96c0 14.16 3.12 27.54 8.69 39.58C182.02 164.43 192 194.7 192 226.49v.07c0 16.26-13.18 29.44-29.44 29.44H96c-53.02 0-96 42.98-96 96v32c0 17.67 14.33 32 32 32h448c17.67 0 32-14.33 32-32v-32c0-53.02-42.98-96-96-96z'/%3E%3C/svg%3E");
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: 50%;
}
.stamp-box.locked .empty-stamp-preview {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23dee2e6'%3E%3Cpath d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E");
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
}
.stamp-box.inactive .stamp-badge-wrapper {
  opacity: 0;
  filter: grayscale(1) contrast(0.5);
}

.stamp-title {
  display: none;
}
.stamp-box.inactive .stamp-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;

  line-height: normal;
  position: absolute;
  bottom: 2px;
  width: 100%;
  left: 0;
  text-align: center;
}

@media (max-width: 767px) {
  .stamp-box.inactive .stamp-title {
    -webkit-line-clamp: 2;
    font-size: 80%;
    bottom: 0px;
  }
}

.stamp-user-head {
  position: absolute;
  bottom: 5%;
  right: 5%;
}
@media (max-width: 767px) {
  .stamp-user-head {
    bottom: 2.5%;
    right: 2.5%;
  }
}

.group-admin-badge {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}